// 引入Cookies 的方法
import { getToken, setToken, removeToken } from '@/utils/auth'
//
import { getUser, getUserId } from '@/api/user'

export default {
  namespaced: true,
  // 公共数据
  state: {
    // 在vuex存放token
    token: getToken() || '',
    // 用户信息
    userInfo: {}
  },
  mutations: {
    // 设置token
    setToken(state, token) {
      state.token = token
      setToken(token)
    },
    // 清空token
    delToken(state) {
      state.token = ''
      removeToken()
    },
    // 获取用户信息
    setUserInfo(state, info) {
      state.userInfo = info
    },
    // 删除用户信息
    delUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    // 调用 获取用户信息
    async getUserInfo(context) {
      try {
        // 1. 发送请求, 获取基本信息
        const res = await getUser()
        console.log('获取用户基本资料=>', res)
        // 2. 根据id 获取员工基本信息(头像)
        const userInfo = await getUserId(res.data.userId)
        console.log('userInfo==>', userInfo)
        context.commit('setUserInfo', { ...res.data, ...userInfo.data })
      } catch (error) {
        // console.log(error)
      }
    },
    // 退出登录
    logout(context) {
      // 删除token
      context.commit('delToken')
      // 删除userInfo
      context.commit('delUserInfo')
    }
  }
}
